<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>装修哥官网(ZXIUGE.COM)</title>
  <meta name="description" content="装修哥APP是衔接项目经理与装修工人在项目施工过程中的一个信息流通平台，旨在为所有的装修人创造一个分享互帮的平台。">
  <meta name="keywords" content="装修哥,装修哥APP下载，装修施工管理，找人找活，泥工木工水电工油漆工">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 国产浏览器的高速模式 -->
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <!-- 使ie9以下浏览器能够识别h5标签,并且能够识别媒体查询标签 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <link rel="stylesheet" href="../src/less/base.css">
  <link rel="stylesheet" href="../src/less/header&footer.css">
  <link rel="stylesheet" href="../src/fonts/iconfont.css">
  <link rel="stylesheet" href="../src/less/homepage.css">
</head>
<body>
<!--header.html-->
<div class="header"></div>

<!-- 下载块 -->
<section class="zxg-download">
  <div class="container">
    <div class="row">
      <div class="col-xs-6">
        <div class="download-img">
          <img src="../images/pc/zxg-downloadbg.jpg" alt="" class="img-responsive">
        </div>
      </div>
      <div class="col-xs-6">
        <div class="download-text">
          <h2>装修哥下载</h2>
          <p id="offset-p">装修哥以长远出发，想为更多的装修业同行提供一个弹性的提升空间和更多的工作机会，同时不管是工人还是项目经理都可以在装修哥平台为自己的职业做一个合理的规划，再也不是盲目的找活、做活。</p>
          <div class="download-code">
            <img src="../images/pc/zxgdownload-code.jpg" alt="" class="img-responsive">
          </div>
          <div class="download-iphone download-app">
            <a href="javascript:void(0);">
              <span class="iconfont icon-iphone-copy"></span>
              手机苹果版下载
            </a>
          </div>
          <div class="download-android download-app">
            <a href="javascript:void(0);">
              <span class="iconfont icon-android"></span>
              手机安卓版下载
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- footer.html -->
<div class="footer"></div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
  $(function() {
    // 引入页面公共部分
    $(".header").load("./header.html");
    $(".footer").load("./footer.html");
    // 动画
    var downTop = $(".zxg-download").offset().top;
    var windowTop;
    $(window).scroll(function () {
      windowTop = $(window).scrollTop();
      if (windowTop >= (downTop - 200)) {
        $(".download-img").animate({left: '0'}, 2000);
      }
    }).trigger('scroll');
  })
</script>
</html>